// 2021年统计数据
var myChart = echarts.init(document.getElementById('canvas1'));
// window.onresize = function () {
//   myChart.resize();
// };
option = {
  title: {
    text: '2021年签约数据统计'
  },
  // colorBy:"series",
  color: ['#37A2FF', '#80FFA5', '#00DDFF', '#FF0087', '#FFBF00'],
  xAxis: {
    type: 'category',
    data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月','8月', '9月', '10月', '11月', '12月']
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: [120, 200, 150, 80, 70, 110, 130,200,134,453,234,234],
      type: 'bar',
      showBackground: true,
      backgroundStyle: {
        color: 'rgba(180, 180, 180, 0.2)'
      }
    }
  ]
};

myChart.setOption(option);

// 全部统计数据 饼图
var myChart2 = echarts.init(document.getElementById('canvas2'));

var option2;

option2 = {
  title: {
    text: '以往所有人群签约数据统计'
  },
  legend: {
    top: 'bottom'
  },
  toolbox: {
    show: true,
    // feature: {
    //   mark: { show: true },
    //   dataView: { show: true, readOnly: false },
    //   restore: { show: true },
    //   saveAsImage: { show: true }
    // }
  },
  series: [
    {
      name: 'Nightingale Chart',
      type: 'pie',
      radius: [50, 250],
      center: ['50%', '50%'],
      roseType: 'area',
      itemStyle: {
        borderRadius: 8
      },
      data: [
        { value: 40, name: '高血压' },
        { value: 38, name: '糖尿病' },
        { value: 32, name: 'rose 3' },
        { value: 30, name: 'rose 4' },
        { value: 28, name: 'rose 5' },
        { value: 26, name: 'rose 6' },
        { value: 22, name: 'rose 7' },
        { value: 18, name: 'rose 8' }
      ]
    }
  ]
};

option2 && myChart2.setOption(option2);

// 2022年新签约数据排名
var chartDom3 = document.getElementById('canvas3');
var myChart3 = echarts.init(chartDom3);
var option3;
option3 = {
  title: {
    text: '2022年新签约数据'
  },
  tooltip: {
    trigger: 'axis',
    axisPointer: {
      type: 'shadow'
    }
  },
  color: ['#FC8452','#FFBF00','#00DDFF', '#80FFA5','#FF0087','#37A2FF'],
  legend: {},
  grid: {
    left: '3%',
    right: '4%',
    bottom: '3%',
    containLabel: true
  },
  xAxis: {
    type: 'value',
    boundaryGap: [0, 0.01]
  },
  yAxis: {
    type: 'category',
    data: ['1月', '2月', '3月', '4月', '5月', '6月','7月', '8月', '9月', '10月', '11月', '12月']
  },
  series: [
    // {
    //   name: '2011',
    //   type: 'bar',
    //   data: [18203, 23489, 29034, 104970, 131744, 630230]
    // },
    {
      name: '2022',
      type: 'bar',
      data: [2, 23, 34, 45, 56, 65,72, 123, 34, 145, 256, 265]
    }
  ]
};

option3 && myChart3.setOption(option3);